
<template>
	<view class="content">
		<!-- <view class="log" @click="skip">
			<u-count-down :time="timestamp * 1000" format="ss" @finish="end"></u-count-down>
			<view class="line"></view>
			<text class="text">跳过</text>
		</view> -->
		<view class="cc">
			<view class="cc-item">
				<image class="image" src="../../static/image/applogo.png"></image>
				<div class="loadingThree">
				    <span></span>
				    <span></span>
				    <span></span>
				    <span></span>
				    <span></span>
				</div>
			</view>
		</view>
		
	</view>
</template>
<script>
	let timer
	export default {
		data() {
			return {
				timestamp: 10,
				percentage:0,
			}
		},
		onLoad() {
			uni.setStorageSync('openOne', true);
			// #ifdef APP-PLUS
			var JYGoogleAdMob = uni.requireNativePlugin("JY-GoogleAdMob"); 
			JYGoogleAdMob.jy_loadAppOpenAD({ adId: getApp().globalData.openAd }, res=> {
				if(res.code=='103'||res.code=='101'){
					uni.redirectTo({
						url: '/pages/tabBar/index/index'
					});
				}
				JYGoogleAdMob.jy_showAppOpenAD({
				}, res=> { 
					// 数据格式见上面说明 
					console.log(JSON.stringify(res)); 
					// uni.showToast({ icon:'none', title:JSON.stringify(res) }) 
				})
			})
			// #endif
		},
		methods:{
			end(){
				uni.redirectTo({
					url: '/pages/tabBar/index/index'
				});
			},
			skip(){
				uni.redirectTo({
					url: '/pages/tabBar/index/index'
				});
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.content{
		.log{
			width: 240rpx;height: 60rpx;border-radius: 40rpx;background: rgba(0, 0, 0, 0.2);
			display: flex;justify-content: center;align-items: center;
			position: fixed;right: 15px;top: 55px;
			.line{
				width: 2px;height: 50rpx;background-color: #f0f0f0;margin: 0 10px;
			}
			.text{
				color: #fff;width: 100px;
			}
		} 
		.cc{
			width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;height: 100vh;
			.cc-item{
				display: flex;flex-direction: column;align-items: center;justify-content: center;
				.image{
					width: 50px;height: 50px;margin: auto;
				}
				.text{
					text-align: center;
				}
			}
			
		}
	}
	.loadingThree{
	    width: 150px;
	    height: 15px;
	    margin-top:10px;
		margin-left: 50px;
	}
	.loadingThree span{
	    display: inline-block;
	    width: 15px;
	    height: 100%;
	    margin-right: 5px;
	    border-radius: 50%;
	    background: lightgreen;
	    -webkit-animation: load 1.04s ease infinite;
	}
	.loadingThree span:last-child{
	    margin-right: 0px;
	}
	@-webkit-keyframes load{
	    0%{
	        opacity: 1;
	    }
	    100%{
	        opacity: 0;
	    }
	}
	.loadingThree span:nth-child(1){
	    -webkit-animation-delay:0.13s;
	}
	.loadingThree span:nth-child(2){
	    -webkit-animation-delay:0.26s;
	}
	.loadingThree span:nth-child(3){
	    -webkit-animation-delay:0.39s;
	}
	.loadingThree span:nth-child(4){
	    -webkit-animation-delay:0.52s;
	}
	.loadingThree span:nth-child(5){
	    -webkit-animation-delay:0.65s;
	}
</style>
